<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="">
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>@yield('title')</title>
    <meta name="keywords" content="@yield('keywords')">
    <meta name="description" content="@yield('description')">
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" type="text/css" href="assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="assets/css/rall.main.css">
    <link rel="stylesheet" type="text/css" href="assets/css/rall.responsive.css">
    <link rel="stylesheet" type="text/css" href="assets/css/h5-loading.css">
    <script src="assets/js/jquery-3.4.1.js"></script>
    <script src="assets/js/coco-modal.js"></script>
    <style type="text/css">
        body {
            background: linear-gradient(20deg, #03020a, #060635e0, #6d005fa8)
        }

        .header-menu-view ul {
            display: flex;
            align-items: center;
        }

        .search_bar span {
            display: block;
            font-size: 12px;
            overflow: hidden;
            padding-left: 2px;
            vertical-align: middle;
            background: #FFFFFF;
            border-radius: 2px;
        }

        .search_bar span i {
            display: none;
            float: right;
            width: 35px;
            height: 40px;
            background-size: 16px;
        }

        .search_bar .si {
            margin: 0 0px 0 10px;

        }

        #search_input {
            width: 100%;
            height: 35px;
            background-color: transparent;
            border: none;
            outline: 0;
            font-size: 16px;
            color: #000000;
            padding: 0 10px;

        }

        #suggest {

            line-height: 40px;

        }

        #suggest li {
            border-bottom: 1px solid #ccc;
            text-align: left;
            padding-left: 16px;
        }

        #suglist {
            width: 234px;
            height: 300px;
            left: 20px;
            background: rgba(255, 255, 255, 0.5);
            overflow: auto;
        }

        #suglist li:hover {
            background: none;
            font-size: 14px;
        }
    </style>


</head>
{{--<body data-page="no-scroll">--}}
<body data-page="no-scroll">
<div class="loading">
    <div class="loading-wrapper">
        <object data="assets/images/load.svg" type="image/svg+xml"></object>
    </div>
</div>

<!-- SUB LOADERS -->
{{--<div class="sub-loading"></div>--}}
{{--<div class="page-loading"></div>--}}
@include("layouts.header")
{{--@include("layouts.menu")--}}


@yield("content")


@include('layouts.footer')

</body>
</html>
